<html>
    <head>
        <title>Sistema da FederaÃ§Ã£o - Partida</title>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
        <!-- InclusÃ£o dos CSS. estilo.css Ã© OBRIGATÃ“RIO. NÃ£o altere ou remova sem comunicar aos demais! -->
        <link href='css/estilo.css' media='all' rel='stylesheet' type='text/css' />
        <link href='css/estilo_partida.css' media='all' rel='stylesheet' type='text/css' />

        <!-- InclusÃ£o dos Javascripts. script.js e Comunicator.js sÃ£o OBRIGATÃ“RIOS. NÃ£o altere ou remova sem comunicar aos demais! -->
        <script type='text/javascript' src='js/Communicator.js'></script>
        <script type='text/javascript' src='js/script.js'></script>
        <script type='text/javascript' src='js/script_partida.js'></script>
        <script type='text/javascript' src='js/Partida.js'></script>
        <script type='text/javascript' src='js/Clube.js'></script>
        <script type='text/javascript' src='js/Estadio.js'></script>
        <script type='text/javascript' src='js/Jogador.js'></script>
        <script type='text/javascript' src='js/Gol.js'></script>
        <script type='text/javascript' src='js/Cartao.js'></script>
        <script type='text/javascript' src='js/Substituicao.js'></script>
        <script type='text/javascript' src='js/Relacionado.js'></script>
    </head>
    <body onload='loadPage()'>
        <div id='tudo'>
            <div id="shadowed_background" class='invisible'>
                <div id='preloader'>Carregando conteúdo...</div>
            </div>
            <div id='principal'>
                <div id='topo'>
                    <div id='menu_navegacao_barra'>
                        <ul id='menu_navegacao'>
                            <li><a href='time.html'>Times</a></li>
                            <li><a href='estado.html'>Estados</a></li>
                            <li class='selected'><a href='partida.html'>Partidas</a></li>
                            <li><a href='estadio.html'>Estadios</a></li>
                            <li><a href='cidades.html'>Cidades</a></li>
                            <li><a href='jogador.html'>Jogador</a></li>
                        </ul>
                    </div>
                </div>
                <div id='conteudo'>
                    <div id='parte_esquerda'>
                        <div id='menu_lista'>
                            <div id='filtros'></div>
                        </div>
                        <div id="legend">
                            <div class='item'>Rodada</div>
                            <div class='item'>Time da Casa</div>
                            <div class='item'>Time Visitante</div>
                        </div>
                        <!-- Onde preenchemos com os itens das listagens -->
                        <div id='list'></div>
                        </div>
                    <div id='parte_direita'>
                        <div id='data_section'>
                            <h3 id='titulo_pagina'>Partidas</h3>
                            <div id='data_menu'>
                                <div class='button' id='botao_novo' onclick="addNewItem()">Novo</div>
                                <div class='button disabled' id='botao_salvar' onclick='saveData()'>Salvar</div>
                                <div class='button disabled' id='botao_deletar' onclick='deleteItem()'>Deletar</div>
                                <div class='button disabled' id='create_championship' onclick='createChampionship()'>Criar Campeonato</div>
                            </div>
                            <!-- Onde devemos por os campos de dados -->
                            <div id='fields'>
                                <div class='field shorter'>
                                    <label for='rodada_partida'>Rodada</label><input type='text' disabled="disabled" id='rodada_partida' />
                                </div>
                                <div class='field'>
                                    <label for="time_casa_partida">Time da Casa</label>
                                    <select id='time_casa_partida'></select>
                                </div>
                                <div class='field'>
                                    <label for="time_visitante_partida">Time Visitante</label>
                                    <select id='time_visitante_partida'></select>
                                </div>
                                <div class='field'>
                                    <label for="estadio_partida">Estadio</label>
                                    <select id='estadio_partida'></select>
                                </div>
                                <div class='field small datetime'>
                                    <label for='hora_planejada_data_partida'>Hora Planejada</label>
                                    <select id="hora_planejada_dia_partida"><option value='1'>Dia</option></select>
                                    <select id="hora_planejada_mes_partida"><option value='1'>Mês</option></select>
                                    
                                    <select id="hora_planejada_hora_partida"><option value='1'>Hora</option></select>
                                    <select id="hora_planejada_minuto_partida"><option value='1'>Minuto</option></select>
                                </div>                                
                                <div class='field small datetime'>
                                    <label for='hora_realizada_data_partida'>Hora Realizada</label>
                                    <select id="hora_realizada_dia_partida"><option value=''>Dia</option></select>
                                    <select id="hora_realizada_mes_partida"><option value=''>Mês</option></select>
                                    
                                    <select id="hora_realizada_hora_partida"><option value=''>Hora</option></select>
                                    <select id="hora_realizada_minuto_partida"><option value=''>Minuto</option></select>
                                </div>
                                <div class='field'>
                                    <label for='publico_pagante_partida'>Público Pagante</label>
                                    <input type='text' id='publico_pagante_partida' />
                                </div>
                                <div class='field'>
                                    <label for='renda_total_partida'>Renda Total</label>
                                    <input type='text' id='renda_total_partida' />
                                </div>
                                <div class='field double'>
                                    <label for='duracao_tempo1_partida'>Duração dos Tempos</label>
                                    <input type='text' id='duracao_tempo2_partida' />
                                    <input type='text' id='duracao_tempo1_partida' />
                                </div>
                            </div>
                            <div id='gol_partida' class='related_box'>
                                <div class='header'>
                                    <p class="title">Gols</p><div class='button' onclick="addItemRelatedBox(this.parentNode.parentNode, 'gol')">+</div>
                                </div>
                                <div class="legend">
                                    <p class='item'>Clube</p>
                                    <p class='item'>Jogador</p>
                                    <p class='item'>Minuto</p>
                                    <p class='item'>Tempo</p>
                                </div>
                                <div id='gol_partida_list' class='list'></div>
                            </div>
                            <div id='cartao_partida' class='related_box'>
                                <div class='header'>
                                    <p class="title">Cartões</p><div class='button' onclick="addItemRelatedBox(this.parentNode.parentNode, 'cartao')">+</div>
                                </div>
                                <div class="legend">
                                    <p class='item'>Jogador</p>
                                    <p class='item'>Tipo</p>
                                    <p class='item'>Minuto</p>
                                    <p class='item'>Tempo</p>
                                </div>
                                <div id='cartao_partida_list' class='list'></div>
                            </div>
                            <div id='substituicao_partida' class='related_box'>
                                <div class='header'>
                                    <p class="title">Substituições</p><div class='button' onclick="addItemRelatedBox(this.parentNode.parentNode, 'substituicao')">+</div>
                                </div>
                                <div class="legend">
                                    <p class='item'>Entrou</p>
                                    <p class='item'>Saiu</p>
                                    <p class='item'>Minuto</p>
                                    <p class='item'>Tempo</p>
                                </div>
                                <div id='substituicao_partida_list' class='list'></div>
                            </div>
                            <div id='relacionado_partida' class='related_box'>
                                <div class='header'>
                                    <p class="title">Relacionados</p><div class='button' onclick="addItemRelatedBox(this.parentNode.parentNode, 'relacionado')">+</div>
                                </div>
                                <div class="legend">
                                    <p class='item'>Jogador</p>
                                    <p class='item'>Camisa</p>
                                    <p class='item'>Titular</p>
                                </div>
                                <div id='relacionado_partida_list' class='list'></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>